<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">


    <h:head>
        <f:facet name="first">
            <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
            <title>Login</title>
            <h:outputStylesheet name="css/estilos.css"/>
        </f:facet>
    </h:head>

    <h:body>

        <h:form id="form" styleClass="login">  

            <p:messages id="Mensajes" />

            <h:panelGrid columns="2" cellpadding="7">  
                <p:outputLabel  value="Iniciar sesión:" styleClass="letra" /> 
                <p:spacer> </p:spacer> 
                <p:outputLabel for="Usuario" value="Usuario:" styleClass="letra" /> 
                <p:inputText value="#{Login.username}"   
                             id="Usuario" required="true" label="Usuario" />  

                <p:outputLabel for="Contraseña" value="Contraseña:" styleClass="letra"/>  
                <p:password value="#{Login.password}"   
                            id="Contraseña" required="true" label="Contraseña" />  

                <f:facet name="footer">  
                    <p:commandButton id="loginButton" styleClass="boton" oncomplete="manejarLogin(xhr, status, args)" value="Acceder" update=":form"   
                                     actionListener="#{Login.loginUsuario}"   
                                     />  
                </f:facet>  
            </h:panelGrid>  


        </h:form>  

    </h:body>
    <script type="text/javascript">
        //<![CDATA[
        function manejarLogin(xhr, status, args) {
            if (!args.validationFailed && args.estaLogeado) {
                setTimeout(function() {
                    window.location = args.view;
                }, 500);
            }
        }
//]]>
    </script>

</html>

